devicemotion

ObjectiveToday mainly introduces the HTML5 gravity induction event devicemotionevent, before my article Http://www.haorooms.com/post/jquery_jGestures, introduced the third party encapsulates the event, inside " Orientationchange "Can get a change in the direction of the device. Today, the main introduction of the HTML5 events, however, this event is a new event, about the document please see: http://w3c.github.io/deviceorientation/spec-source-orientation.html Event Description1, Deviceorientatio

Can shake the song, according to the voice to recognize the song, and then return to the song information, the use of HTML5 deviceorientation features and Devicemotion events can also be implemented on the Web app similar to shake the function, the native app implementation also has the relevant interface, Just consider the situation of the Web App ...Section OneFirst Look at the demo:Test address: http://hcy2367.github.io/music/, Please open the link

("Deviceorientation", function (event) {//Process Event.alpha, Event.beta and Event.gamma},true); {alpha:90, beta:0, This is the argument returned by the Deviceorientation event, and in order to get a compass point, you can simply use 360 degrees minus alpha. If set parallel to the horizontal surface, the compass is pointed to (360-alpha). If the user is holding the device, the screen is in a vertical plane and the top of the screen points to the top. Beta values are 90,alpha an

Html5 web apps shake songs, html5app You can shake a song, recognize the song based on the sound, and return the song information. Using the deviceOrientation feature of html5 and the deviceMotion event, you can also implement the similar shake function on the web app, the native app implementation also has related interfaces. Here we only consider the web app situation ...... Section One Let's take a look at the demo: Test address: http://hcy2367.g

There are two main events in the cell phone's gravity-sensing support:1. Orientationchange (triggered when the screen is flipped)2. Deviceorientation+devicemotion (Gravity sensing and gyroscope)Popular Science TimeGravity sensor , basically the standard configuration of tablets and smartphones, plays a very simple role, for example, you play a racing game, control the left and right turn, screen horizontal screen and vertical screen switch, all need t

used to notify the Web site to use the compass information to calibrate the above events. 2. Event OverviewWindow. addEventListener ("deviceorientation", function (event) {// process event. alpha, event. beta, event. gamma}, true ); {alpha:90, beta:0, gamma:0}; This is the parameter returned by the deviceorientation event. To obtain the point pointed by the compass, you can simply use 360 degrees minus alpha. If it is set to be parallel to the horizontal surface, its compass points to (360-a

DOCTYPE HTML> HTMLLang= "en"> Head> MetaCharSet= "Utf-8"> Head> Body> DivID= "status">Div> Body> Script> varShake=4000, Last_update=0, Count=0, x=y=Z=last_x=last_y=last_z=0; if(window. Devicemotionevent) {Window.addeventlistener ("devicemotion", Devicemotionhandler,false); }Else{alert ("This device does not support Devicemotion events"); } console.log (

)) { This.options[i] = options[i]; } } } //use date to prevent multiple shakes firing This.lasttime = new Date (); //accelerometer values nbs P THIS.LASTX = null; this.lasty = null; THIS.LASTZ = null;nbsp ; //create custom event if (typeof document. Customevent = = = ' function ') { this.event = new document. Customevent (' Shake ', { bubbles:true, N Bsp cancelable:true }); } else if (t ypeof Document.createevent = = = ' function '

header file#import iOS development----Cmdevicemotion Gyroscope using iOS learning note 34-accelerometer and gyroscopeFirst of all, my study link to everyone, thanks to the author!As for what the gyroscope and accelerator are, I'm not going to describe it anymore. Principle we can see the above to the learning link! Tell me how to use them to judge the direction of your phone's screen! See Code Explanation:-(void) zxmotionmanager{if (_motionmanager = = nil) {_motionmanager = [[Cmmotionmanager al

. innerHTML = ev. touches. length; // index of the pressed hand }); 3. devicemotion Devicemotion encapsulates events of motion sensor data to obtain Motion Acceleration and other data in the mobile phone's motion status. The acceleration data includes the following three directions: X: the mobile phone screen is displayed horizontally; Y: Portrait throughout the mobile phone screen; Z: Vertical Mobile Phone

first, deviceorientation events to achieve shake-shake functionThe Devicemotion event provided by the Deviceorientation feature encapsulates the motion sensor time of the device, which can be used to obtain data on the device's motion state, acceleration, etc. (there are also deviceorientation events that provide a device perspective, orientation, etc.).Devicemotion: Device Sensor eventaccelerationincluding

Often we play micro-mail will be used to find people in the vicinity, are in the app to achieve the function of mobile phone shake. Now, we move this technology to the mobile web for everyone to learn, mainly using the HTML5 important feature is deviceorientation: Official documents It provides advanced encapsulation of the underlying directional sensors and motion sensors, providing support for DOM events. This feature includes two types of events: Deviceorientation: The event that encapsulates

. Event OverviewWindow. addEventListener ("deviceorientation", function (event) {// process event. alpha, event. beta, event. gamma}, true ); {alpha:90, beta:0, gamma:0}; This is the parameter returned by the deviceorientation event. To obtain the point pointed by the compass, you can simply use 360 degrees minus alpha. If it is set to be parallel to the horizontal surface, its compass points to (360-alpha ). If the user holds the device, the screen is in a vertical plane and points to the top

the balls in a closed space, and then rotate the mobile phone to control the movements of the balls (using the HTML5 deviceapi) and use the SPHINX of Opera oupeng, on low-end mobile phones, 400 balls can be kept at around 40 frames. First look at youku video demo it: http://v.youku.com/v_show/id_XNTgxOTg5NTky.html The principle is to use the devicemotion event to obtain the acceleration of the x and y axes of the device, and then simulate the acceler

Html5 + JS enables mobile phone shake function, html5jsThis article mainly introduces Html5 + JS to implement the mobile phone shake function. This article uses the HTML5 DeviceOrientation to listen to the mobile phone direction sensor data and implement the ripple of the mobile phone shake function. For more information, see An important feature of HTML5 is DeviceOrientation. It encapsulates the underlying direction sensor and motion sensor in advanced mode and provides DOM Event support. This

Html5 implements the shake function and html5 implements In HTML5, The DeviceMotion event provided by the DeviceOrientation feature encapsulates the device's motion sensor time, you can change the time to obtain the device's motion status, acceleration, and other data (In addition, the deviceOrientation event provides the device angle, orientation, and other information ).The DeviceMotion can be used to det

First, the principle:Using Devicemotion to get the moving speed, the difference ratio of the device moving relative to the previous timeTwo:Third, the source code:First determine if the device supports HTML5 shake function if (window. Devicemotionevent) {//Gets the movement speed, gets the difference of the device movement relative to the previous time than Window.addeventlistener (' devicemotion ', Devicem